/**
    食谱的详情信息
 */
.cookbook {margin:0px auto;width:990px;height:440px;background:#fff;}
.cookbook .cover-img{float:left;width:290px;height:100%;background: #999;}
.cookbook .info {float:left;margin-left:10px;width:650px;}

.cookbook .info .title {line-height: 50px;font-size: 24px;color:#333;}
.cookbook .info .describe {width:650px;color:#999;}
.cookbook .info .describe li {display:block;float:left;margin:0px 20px 0px 0px;padding:8px;height:85px;text-align:center;}
.describe .name, .describe .content {display: block;padding:8px;}
.describe .name {border-radius:4px 4px 0px 0px;background:#666;font-size:18px;color:#fff;}
.describe .content {border-radius:0px 0px 4px 4px;background: #ae000f;font-size:18px;color:#fff;}


.cookbook .material {margin-top:10px;float:left;width:650px;}
.material .category-name {line-height:30px;font-size: 18px;color:#333;}
.ul-material.main .li-material {background:#ae000f;color: #fff;}
.ul-material.complement .li-material {background:#666;color: #fff;}
.ul-material .li-material {float:left;margin:0px 10px 8px 0px;padding:8px;border-radius:4px;font-size:12px;}
.li-material .food {font-weight: bold;}

/*步数*/
.step-number {margin:10px auto;width:60px;height:60px;line-height:60px;text-align:center;font-size:32px;color: #ffffff;background:#d50810;border-radius: 100px; }


/*轮播图*/
.step-carousel {margin:0px auto;width:990px;height:280px;padding:20px 130px;background:#fff;}
.carousel-control.left, .carousel-control.right {background-image:none; width: 130px;}
.carousel-control .glyphicon {font-size: 80px;}
.step-carousel .glyphicon.glyphicon-chevron-left {margin-left:-65px;}
.carousel-control {color: #666; transition: color 0.3s;}
.carousel-control:hover {color: #d50810;}
.item .step-content, .item .step-img {float:left;}

.item .step-content {font-size:18px;font-weight:bold;color:#666;margin-right:60px;width:360px;height:240px;}
.step-content .content {position: relative;width: 100%;height: auto;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.item .step-img {width:310px;height:240px;}

/*间隔*/
.interval {width: 100%; height: 20px;}

/*弹幕*/
.bullet-screen {position:relative;overflow:hidden;font-size:24px;margin:10px auto;width:990px;height:300px;background: #fff;}
.tip {line-height:300px;font-size:30px;text-align: center;display: none;color:#666;}
.screen-word {position: absolute;width:fit-content;}


/*评论区*/
.discuss {padding:20px;margin:0px auto 0px auto;width:990px;height:120px;background:#fff;}
.submit-discuss {margin:0px auto;width:780px;}
.input-discuss {float:left;outline:none;resize:none;margin:0px auto;width:660px;padding:20px;outline:none;border:3px solid #666;font-size:24px;color: #d50810;letter-spacing: 2px;}
.input-submit {float:left;margin-left:10px;width:80px;height:80px;font-size:20px;border-radius:80px;background:#d50810;color:#fff;}

/*提示按钮*/
.tipBtn {position: fixed;right:30px;bottom:230px;width:60px;height:130px;background:#fff;border-radius: 4px;}
.tipBtn .btn-div {cursor:pointer;width:60px;height:60px;font-size:12px;text-align: center;padding-top:38px;}
.btn-div.collect {margin:5px 0px;background: url("../icon/collect-48.png") no-repeat 14px 0px;}
.btn-div.shopping-cart {background: url("../icon/shopping-cart-48.png") no-repeat 10px 0;}


